<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{BEESCRM:$title}</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/assets/base/busbooking/css/style.css">
</head>
<body>
<div class="wraper">
    <div class="header ">
        <a href="/Base/BusBooking/history/apply_id/{BEESCRM:$applyId}" class="iconfont icon-llmainpageback back"></a>

        <div class="title text-center font-16">车票信息</div>
    </div>
    <div class="QR-code text-center margin-t12 hide">
        <div class="flex-between cut gray2">
            <div>
                二维码
            </div>
            <div class="flex-between js_qiehuan">
                <span class="iconfont icon-zhuanhuan1"></span>
                <span class="margin-l6">切换图像</span>
            </div>
        </div>
        <p class="font-12 gray2 margin-t10">请在上车前将此二维码展示给乘务员检票</p>

        <div class="QR-code-img">
            <img src="{BEESCRM::U('Base/BusBooking/qrcode',array('order_id'=>$orderinfo['order_id'],'apply_id'=>$applyId))}">
            <!---->
        </div>
        <p>
            <if condition="$orderinfo['status'] eq 1">
                未使用
                <elseif condition="$orderinfo['status'] eq 2"/>
                已使用
                <else/>
                已过期
            </if>
        </p>
    </div>
    <div class="QR-code text-center margin-t12">
        <div class="flex-between cut gray2">
            <div>
                图像
            </div>
            <div class="flex-between js_qiehuan">
                <span class="iconfont icon-zhuanhuan1"></span>
                <span class="margin-l6">切换二维码</span>
            </div>
        </div>
        <div class="QR-code-img">
            <img src="{BEESCRM:$image_url}">
            <!---->
        </div>
    </div>
    <p class="margin-t12 margin-l12 font-12 gray2">订单号：{BEESCRM:$orderinfo.order_sn}</p>

    <div class="address text-center">
        <div class="time font-12">
            20{BEESCRM:$orderinfo.check_time|date="y-m-d",###} &nbsp; {BEESCRM:$orderinfo.departure_time}开车
        </div>
        <div class="flex-between Campus font-16">
            <div>{BEESCRM:$orderinfo.start_address}</div>
            <div class="arrows"><img src="/assets/base/busbooking/images/jiantou.png" alt=""></div>
            <div>{BEESCRM:$orderinfo.end_address}</div>
        </div>
        <p class="font-12 gray2">乘车地点：{BEESCRM:$orderinfo.ride_address}</p>
    </div>
    <div class="box flex-between">
        <div class="gray">乘车地点：</div>
        <div class="gray2">{BEESCRM:$orderinfo.ride_address}</div>
    </div>
    <div class="box flex-between margin-t12">
        <div class="gray">票价：</div>
        <div class="gray2 font-16">{BEESCRM:$orderinfo.order_amount}</div>
    </div>
    <div class="box flex-between margin-t12">
        <div class="gray">购票时间：</div>
        <div class="gray2"> 20{BEESCRM:$orderinfo.pay_time|date="y-m-d",###}</div>
    </div>
</div>
</body>
<script src="/assets/base/busbooking/js/jquery-2.1.0.min.js"></script>

<script>
    var height = $(window).height();
    $('.wraper').css('minHeight', height);

    $('.QR-code').on('click', '.js_qiehuan', function () {
        $(this).parents('.QR-code').addClass('hide').siblings('.QR-code').removeClass('hide');
    })
</script>
</html>